/* Important general classnames */

.pm-main .password-wrapper .favicon {
    width: 24px;
    height: 24px;
}

.pm-main .password-wrapper .manual-favicon {
    color: var(--favicon-text-color);
    border-radius: var(--mobile-border-radius-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--mobile-surface-3);
}

.pm-main .password-wrapper .manual-favicon.color0 {
    background-color: var(--mobile-indicator-yellow);
}

.pm-main .password-wrapper .manual-favicon.color1 {
    background-color: var(--mobile-indicator-blue);
}

.pm-main .password-wrapper .manual-favicon.color2 {
    background-color: var(--mobile-indicator-green);
}

.pm-main .password-wrapper .favicon .favicon-brand img {
    width: 24px;
    height: 24px;
}

.pm-main .password-wrapper .manual-favicon i {
    --icon-size: 16px;
    color: var(--mobile-icon-primary);
}

.pm-main .password-wrapper .favicon .favicon-brand i {
    --icon-size: 24px;
}

.pm-main .password-wrapper h1 {
    font: var(--mobile-font-heading-h1);
}

.pm-main .password-wrapper h2 {
    font: var(--mobile-font-heading-h2);
}

.pm-main .password-wrapper h3 {
    font: var(--mobile-font-heading-h3);
}

.pm-main .password-wrapper span,
.pm-main .password-wrapper p {
    font: var(--mobile-font-caption-large-regular);
}

.pm-main .password-wrapper a,
.pm-main .settings-wrap a.clickurl {
    font: var(--mobile-font-link-large-regular);
    color: var(--mobile-link-primary);
}

.pwm-ui .overlay-wrap a.clickurl {
    font: inherit;
    color: var(--mobile-link-primary);
}

.pm-main .password-wrapper label {
    font: var(--font-label-semibold);
}

.pm-main .password-wrapper textarea {
    resize: none;
    outline: none;
}

.pm-main .password-wrapper input::placeholder {
    color: var(--mobile-text-placeholder);
}

.pm-main .password-wrapper fieldset.fieldset {
    border: none;
    padding: 0;
}

.pwm-ui .overlay-wrap .invisible {
    visibility: hidden;
}
